Conditions | 1 |
Total Lines | 56 |
Code Lines | 45 |
Lines | 0 |
Ratio | 0 % |
Changes | 0 |
Small methods make your code easier to understand, in particular if combined with a good name. Besides, if your method is small, finding a good name is usually much easier.
For example, if you find yourself adding comments to a method's body, this is usually a good sign to extract the commented part to a new method, and use the comment as a starting point when coming up with a good name for this new method.
Commonly applied refactorings include:
If many parameters/temporary variables are present:
1 | import { graphql } from "gatsby"; |
||
9 | render() { |
||
10 | const { affiche } = this.props.data; |
||
11 | return ( |
||
12 | <Layout> |
||
13 | <SEO |
||
14 | lang="nl-BE" |
||
15 | title="Mosselfestijn reservaties" |
||
16 | description="Mosselfestijn 2020 - Inschrijvingen" |
||
17 | path={this.props.location.pathname} |
||
18 | /> |
||
19 | <div className={`limited-width_wrapper`}> |
||
20 | <header> |
||
21 | <h1>Mosselfestijn</h1> |
||
22 | </header> |
||
23 | <main> |
||
24 | <p> |
||
25 | Op vrijdag 10, zaterdag 11 en zondag 12 september 2021 vindt ons |
||
26 | jaarlijkse Mosselfestijn weer plaats. Om de spreiding te kunnen |
||
27 | garanderen en wachttijden aan de ingang zoveel mogelijk te |
||
28 | beperken werken we dit jaar met een reservatiesysteem. Hieronder |
||
29 | kan je zelf jouw gewenste tijdstip en gezelschap selecteren en een |
||
30 | tafel boeken (voor 08/09/2021). |
||
31 | </p> |
||
32 | <p> |
||
33 | Telefonisch reserveren kan dagelijks tussen 18u en 21u op het |
||
34 | nummer{` `} |
||
35 | <a href="tel:+32475981611" className="rich-link"> |
||
36 | 0475/98.16.11 |
||
37 | </a> |
||
38 | . |
||
39 | </p> |
||
40 | <p> |
||
41 | Ter plaatse een tafel vragen kan, naargelang de beschikbaarheid op |
||
42 | dat moment, maar hou er rekening mee dat we onze capaciteit hebben |
||
43 | moeten verlagen om aan de regelgeving te kunnen voldoen. Wie zeker |
||
44 | wil zijn van zijn plek kan beter reserveren. |
||
45 | </p> |
||
46 | <tbkr-bm-widget |
||
47 | restaurant-id="34742560" |
||
48 | source="website" |
||
49 | use-modal="0" |
||
50 | lang="nl" |
||
51 | theme="light" |
||
52 | ></tbkr-bm-widget> |
||
53 | <script src="https://reservations.tablebooker.com/tbkr-widget-import.min.js"></script> |
||
54 | </main> |
||
55 | <footer> |
||
56 | <GatsbyImage |
||
57 | image={{ |
||
58 | ...affiche.childImageSharp.gatsbyImageData, |
||
59 | }} |
||
60 | alt="Mosselfestijn 2021" |
||
61 | /> |
||
62 | </footer> |
||
63 | </div> |
||
64 | </Layout> |
||
65 | ); |
||
78 |